<template>
  <div id="basiclayout" style="height: fit-content; min-height: 100vh; width: 100vw">
    <div class="header p-0 m-0">
      <NavBar />
    </div>
    <div class="content" style="position: relative">
      <router-view />
    </div>
    <div class="footer"></div>
  </div>
</template>

<script setup>
import NavBar from '@/components/NavBar.vue'
</script>

<style>
#basiclayout {
  background-image: url('../assets/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
</style>
